@import "../../base/base"; // 引入变量
/* 图片路径 */
$img-url: "/static/img/eleAdd/";
.ele-title-box {
  background: #F5F7FA;
  @include mgLR(5px);
  @include mgT(5px);
  @include mgB(5px);
  @include pdA(20px);
  border: solid 1px #DEE4EA;
  ul {
    display: flex;
    li {
      .icon-box {
        width: 60px;
        height: 60px;
        @include center;
        border: solid 1px #A8B2BE;
        @include border-radius(100%);
        .icon-ele {
          width: 24px;
          height: 27px;
          background: url(#{$img-url}register.png);
          display: block;
          @include bz100;
          @include vc;
        }
        @include mgB(5px);
      }
      p {
        font-size: $sz12;
        color: #323232;
      }
      .active {
        background: $brand-primary;
        .icon-ele {
          background: url(#{$img-url}register-b.png);
          @include bz100;
        }
      }
      @include mgR(90px);
    }
  }
}

.child-box {
  @include pdL(14px);
  .item-box {
    @include rel;
    &:after {
      content: '';
      width: 1px;
      height: calc(100% + 60px);
      background: #CAD1DA;
      @include abs;
      top: 0;
      left: 50px;
      z-index: 1;
    }
    h3 {
      width: 98px;
      @include line-height(31);
      @include tc;
      @include rel;
      font-size: $sz12;
      color: $cr-f;
      background: linear-gradient(180deg, rgba(244, 205, 58, 1), rgba(230, 158, 27, 1));
      z-index: 2;
      top: 25px;
      &:after {
        content: '';
        width: 0;
        height: 0;
        top: 11px;
        right: -8px;
        border-top: 5px solid transparent;
        border-left: 8px solid #edb42a;
        border-bottom: 5px solid transparent;
        @include abs;
      }
    }
    .my-form {
      @include pdT(50px);
    }
  }

}
.content-area-ele-add {
  .form-detail {
    border-top: solid 1px #E3E2E7;
    @include pdT(0);
  }
}
#eleParent {
  .el-input__inner {
    height: 36px;
    line-height: 36px;
  }
}
.icon-ele {
  background-size:100% 100% !important;
}
.content-sp.content-area {
    height: calc(100% - 133px);
    .form-detail {
      overflow: inherit;
    }
}

/*添加电梯-设备登记信息 */
.my-form-register div:not(.el-form-item) {
  width: 300px;
  @include rel;
}
.upload-card {
    .el-form-item__label {
      font-size: $sz12;
    }
    .el-upload { /* 上传图片按钮居左 */
      display: flex;
    }
}
  .ele-upload-picture { /* 电梯图片上传 */
    @include rel;
    left: 0;
    top: 0;
    .el-upload--picture { /* elm 模拟用点击此标签点击input */
      @include rel;
      left: 0;
      top: 0;
      width: 80px !important;
      height: 32px;
    }
    
    .upload-notice { /* 点击上传与右侧提示 */
      display: flex;
      @include abs;
      width: 300px;
      left: 0;
      top: 0;
      .status {
        display: flex;
        align-items: center;
        @include pdL(10px);
        width: 200px;
        @include overflow;
        @include abs;
        right:-208px;
        pointer-events:none;
      }
    }
  }

  .upload-notice img {
    width: 15px;
    @include mgR(5px);
  }

  .upload-notice-waiting img {  /* 图片提示 */
    animation: re-rotate 2s infinite linear;
  }

 
  @keyframes re-rotate { /* 等待旋转  */
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
.liftType .el-form-item__content{
    height:40px;
    .resize-triggers{
        height:0px!important;
    }
  }


/*添加电梯-巡检保险信息 */
.insurance {
  @include pdT(60px);
}
.my-form-ele-300 div:not(.el-form-item) {
  width: 300px;
}
